﻿<!DOCTYPE html>
<html lang="zh">

<head resource>
    <meta charset="utf-8">
    <include file="../inc/meta.inc" />
    <title>考试成绩回顾</title>
</head>

<body>
    <div id="vapp" v-cloak>
        <div class="header" v-if="error==''">
            <div class="header_top">
                <loading v-if="loading">正在加载中...</loading>
                <template v-else>
                    <div class="student_info">
                        <div class="acc_photo" v-if="!!student.Ac_Photo && student.Ac_Photo!=''"
                            :style="'background-image: url('+student.Ac_Photo+');'"></div>
                        <template v-else>
                            <div class="acc_photo woman" v-if="student.Ac_Sex==2"></div>
                            <div class="acc_photo man" v-else></div>
                        </template>
                        <span class="acc-name">{{student.Ac_Name}} </span>
                    </div>
                    <div class="exam_info">，于<span>
                            {{result.Exr_CrtTime|date("yyyy-MM-dd HH:mm")}}</span> 考试
                        <el-link type="primary" @click="window.print()" class="noprint">
                            <icon>&#xa046</icon>打印
                        </el-link>
                    </div>

                    <score :class="scoreStyle(scoreFinal)">{{scoreFinal}} 分</score>
                </template>
            </div>

        </div>
        <context v-if="!loading">
            <template v-if="error==''">
                <div class="tp_name" v-if="exam && !!exam.Exam_Title">
                    《 <span v-html="exam.Exam_Title"></span>》
                </div>
                <div class="sticky">
                    <el-tabs v-model="tabactive">
                        <el-tab-pane name="all">
                            <template slot="label">
                                <span icon="&#xe75e">所有({{ques_all_count}})
                            </template>
                        </el-tab-pane>
                        <el-tab-pane name="success"> <template slot="label">
                                <span icon="&#xa048">正确({{ques_success_count}})
                            </template>
                        </el-tab-pane>
                        <el-tab-pane name="error"> <template slot="label">
                                <span icon="&#xe6fe">错误({{ques_error_count}})
                            </template>
                        </el-tab-pane>
                        <el-tab-pane name="unasnwered"> <template slot="label">
                                <span icon="&#xa01f">未做({{ques_unanswerd_count}})
                            </template>
                        </el-tab-pane>
                    </el-tabs>
                    <span class="score" v-if="paper">（满分{{paper.Tp_Total}}分，{{paper.Tp_PassScore}}分及格）</span>
                    <alert v-else>试卷不存在</alert>
                </div>
            </template>
            <el-card v-if="error!=''" remark="如果考试未结束">
                <alert v-html="error"></alert>
            </el-card>
            <template v-else>
                <div class="question">
                    <group v-for="(type,index) in questions" :item="type" :index="index" :types="types"
                        :state="tabactive">
                        <question v-for="(q,i) in type.ques" :qans="q"  :stid="result.Ac_ID"  :exam="exam" :index="i"
                            :state="tabactive" :groupindex="index" :questions="questions" :org="organ"></question>
                    </group>
                </div>
            </template>
            </template>
        </context>
    </div>
</body>

</html>